<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta id="description" name="DESCRIPTION" content="How to apply visa to Vietnam on arrival. Simplest and fastest way to apply online visa to Vietnam. Methods get vietnam visa on arrival. Informations for applying visa to vietnam on arrival. Quickly and safety method applying vietnam visa " />
	<title>How to get visa to vietnam | Apply online visa to vietnam on arrival - apply visa online to vietnam quickly</title>
	<link rel="stylesheet" href="<?php echo base_url();?>public/client/css/jquery.ui.all.css" />
	<link rel="stylesheet" href="<?php echo base_url();?>public/client/css/demos.css" />
	<script type="text/javascript" src="<?php echo base_url();?>public/client/js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url();?>public/client/js/jquery.ui.core.js"></script>
	<script type="text/javascript" src="<?php echo base_url();?>public/client/js/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="<?php echo base_url();?>public/client/js/jquery.ui.position.js"></script>
	<script type="text/javascript" src="<?php echo base_url();?>public/client/js/jquery.ui.autocomplete.js"></script>
	<style>
	.ui-autocomplete-loading { background: white url('<?php echo base_url();?>public/client/img/ui-anim_basic_16x16.gif') right center no-repeat; }
	#city { width: 25em; }
	</style>
	<script type="text/javascript">

		function search(){
	    	if($("#keyword").val()==''){
	    		$("#keyword").val('');
	    		$("#keyword").focus();
	    		return false;
	    	}else{
	        	var key 	= $("#keyword").val();
	        	//var filter	= $("#filter").val();
	    		
	    		window.location = "<?php echo base_url().'search/';?>" + key;
	        }
	    }
	
		$(function() {
		function log( message ) {
			$( "<div/>" ).text( message ).prependTo( "#log" );
			$( "#log" ).scrollTop( 0 );
		}
		$( "#city" ).autocomplete({
			source: function( request, response ) {
				$.ajax({
					url: "http://localhost:8080/solr/select/?q:*:*&wt=json&json.wrf=?",
					dataType: "jsonp",
					data: {
						q: request.term,
						rows: 15,
						start:0,
					},
					success: function( data ) {
						response($.map(data.response.docs,function(doc){
							return {
								label: doc.title,
								value: doc.title
							}
						}));
					}
				});
			},
			minLength: 2,
			select: function( event, ui ) {
				log( ui.item ?
					"Selected: " + ui.item.label :
					"Nothing selected, input was " + this.value);
			},
			open: function() {
				$( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
			},
			close: function() {
				$( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
			}
		});
						
		});		    
	</script>
</head>
<body>
	<h1 align="center" style="font-style: italic;color: green;font-family: serif;">WELCOME TO TONYTRAN WEB - <a href="<?php echo base_url();?>blog">Blog</a></h1>
	<form action="" method="get" onsubmit="search(); return false;" accept-charset="UTF-8">
	<div class="bgsearch2">
		<span class="search2_l">
		<input type="text" name="keyword" id="keyword" value="<?php echo (isset($keyword)) ? $keyword: '';?>" />
		</span>
		
	    <input type="image" name="" value="" class="btnsearch2" src="<?php echo base_url(),'public/client/img/searchbtn.gif';?>" />
	</div>
	</form>
	
	<div class="ui-widget">
		<label for="artist">Artist: </label>
		<input id="artist" />
	</div>
	
	<div class="demo">

	<div class="ui-widget">
		<label for="city">Your city: </label>
		<input id="city" />
		Powered by <a href="http://geonames.org">geonames.org</a>
	</div>
	
	<div class="ui-widget" style="margin-top:2em; font-family:Arial">
		Result:
		<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
	</div>
	
	</div><!-- End demo -->
	
	
</body>

</html>